@import '../../../../common/variables.less';

.visualComponents_theme_dark{
  .el-input__wrapper {
    border: 1px solid @borderColor; 
    background-color: @inputBgColor;
    box-shadow: unset;
    .el-input__inner {
      color: @fontColor;
    }
  }
  .el-input.is-disabled .el-input__wrapper{
    border: 1px solid @borderColor;
    background-color: @inputBgColor;
    box-shadow: unset;
    .el-input__inner {
      color: @borderColor;
      -webkit-text-fill-color: @borderColor
    }
  }

  .el-input-number__decrease, .el-input-number__increase{
    background-color: transparent;
    color: @text_color_dark;
  }

  .el-input-number__decrease{
    border-right: 1px solid @border_color_dark;
  }

  .el-input-number__increase{
    border-left: 1px solid @border_color_dark;
  }

  .el-input-number.is-controls-right .el-input-number__decrease{
    border-left: 1px solid @border_color_dark;
  }

  .el-input-number.is-controls-right .el-input-number__increase{
     border-bottom: 1px solid @border_color_dark;
  }
  .el-textarea__inner{
    box-shadow: 0 0 0 1px @borderColor inset;
  }
}

.visualComponents_theme_real{
  .el-input__wrapper {
    border: 1px solid #676767; 
    background-color: @inputBgColor;
    box-shadow: unset;
    .el-input__inner {
      color: #eee;
    }
  }
  .el-input.is-disabled .el-input__wrapper{
    border: 1px solid @borderColor;
    background-color: @inputBgColor;
    box-shadow: unset;
    .el-input__inner {
      color: @borderColor;
      -webkit-text-fill-color: @borderColor
    }
  }

  .el-input-number__decrease, .el-input-number__increase{
    background-color: transparent;
    color: @text_color_dark;
  }

  .el-input-number__decrease{
    border-right: 1px solid @border_color_dark;
  }

  .el-input-number__increase{
    border-left: 1px solid @border_color_dark;
  }

  .el-input-number.is-controls-right .el-input-number__decrease{
    border-left: 1px solid @border_color_dark;
  }

  .el-input-number.is-controls-right .el-input-number__increase{
     border-bottom: 1px solid @border_color_dark;
  }
  .el-textarea__inner{
    box-shadow: 0 0 0 1px @borderColor inset;
  }
}